/**
 * @功能描述: 基础可编辑卡片列表demo
 * @author: lzn
 * @date: 2022-09-23 18:12:44
 * @version: 1.0
 */
<script setup>

</script>

<template>
  <div class="yw-base-list">
    <ul class="base-list-items">
      <li class="base-list-item">
        <div class="yw-card yw-card-bordered">
          <div class="yw-card-head">
            <div class="yw-card-head-wrapper">
              <div class="yw-card-head-title">default size card</div>
              <div class="yw-card-extra">
                <a href="#">more</a></div>
            </div>
          </div>
          <div class="yw-card-body">
            <p>card content</p>
            <p>card content</p>
            <input class="yw-input" />
          </div>
        </div>
      </li>
      <li class="base-list-item">
        <div class="yw-card yw-card-bordered">
          <div class="yw-card-head">
            <div class="yw-card-head-wrapper">
              <div class="yw-card-head-title">default size card</div>
              <div class="yw-card-extra">
                <a href="#">more</a></div>
            </div>
          </div>
          <div class="yw-card-body">
            <p>card content</p>
            <p>card content</p>
            <p>card content</p>
          </div>
        </div>
      </li>
      <li class="base-list-item">
        <div class="yw-card yw-card-bordered">
          <div class="yw-card-head">
            <div class="yw-card-head-wrapper">
              <div class="yw-card-head-title">default size card</div>
              <div class="yw-card-extra">
                <a href="#">more</a></div>
            </div>
          </div>
          <div class="yw-card-body">
            <p>card content</p>
            <p>card content</p>
            <p>card content</p>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>

<style scoped>

</style>